
.nav{
  height: 100%;
  .el-menu-vertical-demo {
    height: 100%;
    /deep/.el-scrollbar__wrap {
      overflow-x: hidden;
    }
    /deep/.el-badge__content.is-fixed {
      top: 20px;
      right: 11px;
      font-size: 9px;
    }
  }
  .el-menu-vertical-demo img {
    width: 14px;
    margin-right: 10px;
  }
  .el-menu {
    background-color:rgb(48, 65, 86) !important;
    width: 125px;
    height: 100%;
  }
  .el-menu-item {
    font-size: 14px;
    color:#C9CEDA;
    padding: 0 20px;
    cursor: pointer;
    -webkit-transition: border-color .3s,background-color .3s,color .3s;
    transition: border-color .3s,background-color .3s,color .3s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .el-badge__content{
    padding: 0 5px;
  }
  @media screen and (max-width: 1024px) {
    .el-menu {
      width: 125px;
      position: absolute !important;
      z-index: 999;
      height: calc(100% - 45px);
    }
  }
  @media screen and (max-width: 1440px) and (min-width: 1024px){
    .el-menu {
      width: 125px;
      position: absolute !important;
      z-index: 999;
      height: calc(100% - 60px);
    }
  }
  .el-menu-item:focus,
  .el-menu-item:hover {
    outline: 0;
    background-color: #001528  !important;
  }
  .el-menu-item.is-active {
    color: white !important;
    background-color: #001528  !important;
  }
  .el-menu-item * {
    vertical-align: middle;
    font-size: 15px;
  }
}